@import '~view-design/src/styles/index.less';
@import "./_$_project/css/iconfont.css";
@import "./_$_project/css/keyframes.css";
@import "./_$_project/css/basie.css";
@import "./_$_project/css/libo.css";

// 全局性修改系统色
@import "./base.less";

/* 弹框垂直居中 */
.vertical-center-modal{
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack:start;//解决IE11的兼容问题

    .ivu-modal{
        top: 0;
    }
}



.ivu-modal-confirm-head-title{font-size: 16px !important;}
// 系统自定义 css 修改左侧栏，顶层className = fuWuMian
.fuWuMian{
    height: 100%;
    >.ivu-layout{
        height: 100%;  
    }
    .ivu-menu-light.ivu-menu-vertical{
        .ivu-menu-submenu{
            .ivu-menu-item{
                padding-left: 18px !important;
                span{
                    font-weight: normal;
                    font-size: 14px;
                    color: #4c4c4c;
                }
            }
            .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected{
                background-color: #fafafa !important;
                span{
                    color: #5887ef;
                    font-size: 14px;
                }
            }
        }
        .ivu-menu-submenu-title-icon{
            right:15px;
        }
        .ivu-menu-item,.ivu-menu-submenu-title{
            padding:13px 25px;
            text-align: center;
            i.iconfont{  
                position: absolute;
                left: 25px;
                color:#999;
            }
            span{
                font-weight: bold;
                font-size: 16px;
            }
        }
        
        .ivu-menu-opened .ivu-menu-submenu-title{
            color:#333;

        }
        .ivu-menu-item-active:not(.ivu-menu-submenu),
        .ivu-menu-submenu-title-active:not(.ivu-menu-submenu) {
            // border-left: 
            position: relative;
            background-color: #fafafa;
            text-align: center;
            span{ 
                font-weight: bold;
                font-size: 16px;
            }
        }
        .ivu-menu-item-active:not(.ivu-menu-submenu):after,
        .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):after{
            position: absolute;
            height:100%;
            width: 5px;
            background-color:#5887ef ;
            left: 0;
            top:0;
            bottom: 0;
        }
        .ivu-menu-item:hover,
        .ivu-menu-submenu-title:hover{
            color:#5887ef;
        }
        .ivu-menu-submenu{
            .ivu-menu-item-active,.ivu-menu-item-active:hover{
                color:#5887ef;
                background-color: white !important;
            }
        }
    }
} 